let path = require('path')
let HtmlWebpackPlugin = require('html-webpack-plugin') // 生成html
module.exports = {
  devServer: { // 开发服务器的配置
    port: 3000, // 端口号
    progress: true, // 进度条
    contentBase: './build' // 这个文件夹作为静态目录
  },
  mode: 'production', // 模式 默认两种 production development
  entry: './src/index.js', // 入口
  output: {
    filename: 'bundle.[hash:8].js', // 打包后的文件名
    path: path.resolve(__dirname, 'build'), // 路径必须是一个绝对路径
  },
  plugins: [ // 插件
    new HtmlWebpackPlugin({
      template: './src/index.html', // 指定模板
      filename: 'index.html', // 打包后文件
      minify: {
        removeAttributeQuotes: true, // 删除双引号
        collapseWhitespace: true, // 折叠成一行
      },
      hash: true // 生成hash戳
    })
  ]
}